.filter {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 12px;
	margin-right: 10px;
  &.active {
    :deep(.el-tree-node__expand-icon) {
      display: none;
    }
  }
	.title {
		padding:  0 0 12px 0;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.5px;
    margin: 0;
	}
	.el-input {
		margin: 0 0 15px;
	}
	.el-scrollbar {
		:deep(.el-tree) {
			height: 100%;
      max-height: 100%;
			overflow: auto;
			.el-tree-node__content {
				height: 33px;
			}
		}
		:deep(.el-tree--highlight-current) {
			.el-tree-node.is-current > .el-tree-node__content {
				background-color: #ECF2FE;
				.el-tree-node__label,
				.el-tree-node__expand-icon {
					color: var(--el-color-primary);
				}
				.is-leaf {
					color: transparent;
				}
        .tree-label {
          color: #0052D9;
        }
			}
      .el-tree-node {
        .tree-label {
          color: #242424;
        }
      }
		}
	}
}
